<div ng-init="headerNavInit()">
<header class="site-header">
    <div class="container-fluid">
        <a href="#" class="site-logo">
            <img class="hidden-md-down" src="/theme/img/logo-2.png" alt="">
            <img class="hidden-lg-up" src="/theme/img/logo-2-mob.png" alt="">
        </a>
        <button class="hamburger hamburger--htla">
            <span>菜单</span>
        </button>
        <div class="site-header-content">
            <div class="site-header-content-in">
                <div class="site-header-shown">
                    <div class="dropdown dropdown-notification messages">
                        <a href="#" class="header-alarm dropdown-toggle active">
                            <i class="font-icon-mail"></i>
                        </a>
                    </div>
                    <div class="dropdown user-menu">
                        <button class="dropdown-toggle" id="dd-user-menu" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-user"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dd-user-menu">
                            <a class="dropdown-item" href="#"><span class="font-icon glyphicon glyphicon-user"></span>我</a>
                            <a class="dropdown-item" href="#"><span class="font-icon glyphicon glyphicon-cog"></span>设置</a>
                            <a class="dropdown-item" href="#"><span class="font-icon glyphicon glyphicon-question-sign"></span>帮助</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#"><span class="font-icon glyphicon glyphicon-log-out"></span>退出</a>
                        </div>
                    </div>

                    <button type="button" class="burger-right">
                        <i class="font-icon-menu-addl"></i>
                    </button>
                </div>
                <div class="mobile-menu-right-overlay"></div>
            </div>
        </div>

    </div>
</header>
<div class="mobile-menu-left-overlay"></div>
<nav class="side-menu side-menu-compact">
    <ul class="side-menu-list">
        <li class="brown" ng-class="{opened:$$pathname == '/admin/dashboard' }">
            <a href="/admin/dashboard#/">
                <i class="font-icon font-icon-home"></i>
                <span class="lbl">首页</span>
            </a>
        </li>
        <li class="green" ng-class="{opened:$$pathname == '/shop' }">
            <a href="/shop#/" >
                <i class="font-icon font-icon-cart"></i>
                <span class="lbl">商品</span>
            </a>
        </li>
        <li class="gold">
            <a href="/order#/">
                <i class="font-icon font-icon-widget"></i>
                <span class="lbl">订单</span>
            </a>
        </li>
        <li class="blue">
            <a href="/member#/">
                <i class="font-icon font-icon-users"></i>
                <span class="lbl">会员</span>
            </a>
        </li>
        <li class="purple">
            <a href="/messages#/">
                <i class="font-icon font-icon-comments active"></i>
                <span class="lbl">消息</span>
            </a>
        </li>
        <li class="orange-red">
            <a href="/datacenter">
                <i class="font-icon font-icon-help"></i>
                <span class="lbl">数据</span>
            </a>
        </li>
        <li class="green">
            <a href="/datacenter">
                <i class="fa fa-wechat"></i>
                <span class="lbl">微信</span>
            </a>
        </li>
        <li class="grey" ng-class="{opened:$$pathname == '/admin/settings' }">
            <a href="/admin/settings">
                <i class="font-icon font-icon-cogwheel"></i>
                <span class="lbl">设置</span>
            </a>
        </li>
    </ul>
</nav>
<!-- 系统首页 -->
<div ng-if="$$pathname == '/dashboard'">
    <nav class="side-menu-addl" ng-show="$config.headerNav.showNav">
        <header class="side-menu-addl-title">
            <div class="caption">系统</div>
            <i class="font-icon font-icon-burger" ng-click="$config.headerNav.showNav = false"></i>
        </header>
        <ul class="side-menu-addl-list">
            <li class="divider"></li>
            <li class="active">
                <a href="#">
	                <span class="tbl-row">
	                    <span class="tbl-cell tbl-cell-caption">系统概况</span>
	                </span>
                </a>
            </li>
        </ul>
    </nav>
</div>

<!-- 设置 -->
<div ng-if="$$pathname == '/admin/settings'">
    <nav class="side-menu-addl" ng-show="$config.headerNav.showNav">
        <header class="side-menu-addl-title">
            <div class="caption">设置</div>
            <i class="font-icon font-icon-burger" ng-click="$config.headerNav.showNav = false"></i>
        </header>
        <ul class="side-menu-addl-list">
            <li class="divider"></li>
            <li ng-class="{active:$$currentPath == '/' }">
                <a href="#/">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">系统设置</span>
                </span>
                </a>
            </li>
            <li ng-class="{active:$$currentPath == '/account' }">
                <a href="#/account">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">账号设置</span>
                </span>
                </a>
            </li>
            <li ng-class="{active:$$currentPath == '/role' }">
                <a href="#/role">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">角色设置</span>
                </span>
                </a>
            </li>
            <li ng-class="{active:$$currentPath == '/dev' }">
                <a href="#/account">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">开发设置</span>
                </span>
                </a>
            </li>
            <li ng-class="{active:$$currentPath == '/menu' }">
                <a href="#/menu">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">菜单设置</span>
                </span>
                </a>
            </li>
            <li ng-class="{active:$$currentPath == '/map' }">
                <a href="#/account">
                <span class="tbl-row">
                    <span class="tbl-cell tbl-cell-caption">常量设置</span>
                </span>
                </a>
            </li>
        </ul>
    </nav>
</div>
</div>